
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<link href="../../css/global.css" rel="stylesheet" type="text/css">
	<link href="../../js/webuploader/webuploader.css" rel="stylesheet" type="text/css">
	<link href="../../css/zTreeStyle/demo.css" rel="stylesheet" type="text/css">
	<link href="../../css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css">
	<style>
		.weekTimes{
			width: 100%;
		}
		.weekTimes ul li{
			display: inline-block;
			padding: 7px 15px;
			border-radius: 8px;
			border: 1px solid skyblue;
			text-align: center;
			margin: 5px;
			cursor:pointer;
		}
		.weekTimes_active{
			background: skyblue;
			color: white;
		}
	</style>
	<title class="body_title">新增</title>
</head>
<body>
	<!--栏目列表-->
	<div class="left_menu">
		<div class="sub">
		</div>
	</div>
	<!--/栏目列表-->
	<div class="right_con">
		<div class="card">
			<div class="title"><span class="body_title">新增</span>
				<div class="cfr">
					<div class="tico full">
						<i class="iconfont icon-quanping"></i>
					</div>
				</div>
			</div>
			<div class="tipbox"></div>
			<div class="infoBox">
				<div class="boxs">
					<!--基本信息-->
					<div class="box">
						<div class="sub">
							<span>基本信息</span>
							<div class="r_toggle" toggle = ".ifo1" toggletext="&#xe74a;,&#xe749;" open>&#xe74a;</div>
						</div>
						<div class="form ifo1 validform" ly-get="{{apiUrl}}/back/attendanceManagement/selectAttendanceManagementById">
							<input id="id" type="hidden" ly-bind="id"/>   
							<div class="row" gutter="10">
								<div class="label"><em>*</em>考勤名称：</div>
								<div class="col-7">
									<input type="text" class=" required ipt" name="checkingInName" id="checkingInName" ly-bind="checkingInName" placeholder="请输入名称" maxlength="10" data-tip="请输入名称" data-valid="isNonEmpty||between:0-10" data-error="名称不能为空||名称长度必须在0-10之间">
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>参与考勤人员：</div>
								<div class="col-7 text">
									<span class="addboxlist"></span>
									<a href="javascript:;" class="addbtn" id="changePerson"></a>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>选择考勤机：</div>		
								<div class="col-7"> 
									<select id="equipmentId" name="equipmentId" class="required ipt" ly-type="select" placeholder="请选择考勤设备" data-tip="请选择考勤设备" data-valid="isNonEmpty" data-error="考勤设备不能为空">
									</select>   
								</div>
							</div>
							<div class="row  taskEndTime" gutter="10">
								<div class="label"><em>*</em>考勤工作日：</div>
								<div class="col-7">
									<div id="attendanceDays" class="required" name="attendanceDays" ly-bind="attendanceDays" ly-type="checkbox" ly-code="weekDay" placeholder="请选择考勤工作日" data-tip="请选择考勤工作日" data-valid="isChecked" data-error="考勤工作日不能为空"></div>  
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>考勤范围：</div>
								<div class="col-7">
									<input type="text" class="required ipt" name="distance" id="attendanceRange" ly-bind="attendanceRange" placeholder="请输入考勤范围" data-tip="请输入考勤范围" data-valid="isNonEmpty||onlyInt||between:0-8" maxlength="8" data-error="考勤范围不能为空||只能输入正整数||长度最大8位"> <span>米</span>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label"><em>*</em>班次时间段：</div>
								<div class="col-7 clear">
									<div class="w45 fl"><input type="time" id="attendanceStartTime" class="ipt required" ly-bind="attendanceStartTime" relation="#attendanceEndTime" placeholder="请输入上班时间"  data-valid="isNonEmpty" data-error="上班时间不能为空"></div>
									<div class="w10 fl tcenter">至</div>
									<div class="w45 fl"><input type="time" id="attendanceEndTime" class="ipt required" id="endTime" ly-bind="attendanceEndTime" placeholder="请输入下班时间" data-valid="isNonEmpty" data-error="下班时间不能为空"></div>
								</div>
							</div>
							<div class="row" gutter="10">
								<div class="label">是否启用：</div>
								<div class="col-7"> 
									<div id="isUsing" name="isUsing"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="btnBox">
						<div class="fr">
							<button class="btn red " id="save-btn-commodityClassification">保存</button>
							<button class="btn goback" onclick="window.history.back()">返回</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--选择部门与人员-->
	<!-- 由于是动态加载数据 layerBox需要数据加载完成后在弹出窗  -->
	<div class="layerBox hide">
		<div class="layerhead"> <span>选择部门与人员</span>
			<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
		</div>
		<div class="layerfoot">
			<div class="fr">
				<button class="btn red" id="sayerBox-btn">确定</button>
				<button class="btn goback">取消</button>
			</div>
		</div>
		<div class="layermain ztree_select_container">
			<div class="zTreeDemoBackground left">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
			<div class="zTreeDemoBackground right">
				<ol id="ztreeCheckedNames"></ol>
			</div>
		</div>
	</div>
	<!--/选择部门与人员-->
</body>
<script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
<script id="config_js" src="../../js/config.js"></script>
<script id="ly_main_js" src="../../js/ly_main.js"></script>
<script src="../../js/jquery-validate.js"></script>
<script src="../../js/webuploader/webuploader.min.js"></script>
<script src="../../js/simpleuploader.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/layer/layer.js"></script>
<script src="../../js/ztree/jquery.ztree.core.js"></script>
<script src="../../js/ztree/jquery.ztree.excheck.js"></script>
<script src="../../js/ourJs/attendance/attendanceManageement-creat.js"></script>
</html>
